<template>
    <div id="manage">
        <div id="title">管理</div>
        <div class="pages-top pages-scroll-two">
            <router-link to="/add/shopping" class="manage">上传商品</router-link>
            <router-link to="/add/classify" class="manage">添加分类</router-link>
            <router-link to="" class="manage">编辑产品</router-link>
            <router-link to="" class="manage">编辑分类</router-link>
        </div>
    </div>
</template>
<script>
export default {
}
</script>
<style scoped>
    #title{
        text-align: center;
        background-color: black;
        width: 100%;
        height: 12.2vw;
        color: white;
        line-height: 12.2vw;
        position: fixed;
        left: 0;
        top: 0;
    }
    #title div{
         position: absolute; 
         display: flex;
         font-size: 3.92vw;
    }
    #manage{
        background-color: #F4F4F4;
        text-align: center;
    }
    .manage{
        display: block;
        padding: 2.8vw 5.6vw;
        margin: 2.8vw 0;
        background-color: white;

    }
</style>